<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/static/lib/html5shiv.js"></script>
<script type="text/javascript" src="/static/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/static/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->
  <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"/>
<title>分类设置</title>
</head>
<body>
<div class="page-container">
    <div class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">分类名称</label>
            <div class="layui-input-block">
               {% if Data is None %}
                     <input type="hidden" name="id"  value=""
                           placeholder="请输入" autocomplete="off" class="layui-input">
                    <input type="text" name="name" lay-verify="required" placeholder="请输入" autocomplete="off"
                           class="layui-input">
                {% else %}
                     <input type="hidden" name="id"  value="{{ Data.id }}"
                           placeholder="请输入" autocomplete="off" class="layui-input">
                    <input type="text" name="name" lay-verify="required" value="{{ Data.name }}"
                           placeholder="请输入" autocomplete="off" class="layui-input">

                {% endif %}
            </div>
        </div>
     <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="mySubmit">提交</button>
            </div>
        </div>
    </div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
{#<script type="text/javascript" src="/static/lib/My97DatePicker/4.8/WdatePicker.js"></script>#}
{#<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/jquery.validate.js"></script> #}
{#<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/validate-methods.js"></script> #}
{#<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/messages_zh.js"></script>#}
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript">

 layui.use('form', function () {
     var form = layui.form;
     //表单提交
     form.on('submit(mySubmit)', function (data) {
         let datas = data.field;
         $.post('/ClassifyAdd/', {
             "id": datas['id'],
             "name": datas['name'],
             'csrfmiddlewaretoken': '{{ csrf_token }}'
         }, function (res) {
             if (res.code == 2000) {
                 layer.msg(res.msg, function () {
                     var index = parent.layer.getFrameIndex(window.name);
                     parent.$('#refreshBtn').click();
                     window.parent.location.reload()
                     parent.layer.close(index);
                 })
             }

         })
     });
 })
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>